<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="ECharts">
    <meta name="author" content="kener.linfeng@gmail.com">
    <title></title>

    <link href="../asset/css/font-awesome.min.css" rel="stylesheet">
    <link href="../asset/css/bootstrap.css" rel="stylesheet">
    <link href="../asset/css/carousel.css" rel="stylesheet">
    <link href="../asset/css/echartsHome.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <script src="./www/js/echarts.js"></script>
    <script src="../asset/js/codemirror.js"></script>
    <script src="../asset/js/javascript.js"></script>

    <link href="../asset/css/codemirror.css" rel="stylesheet">
    <link href="../asset/css/monokai.css" rel="stylesheet">

    <style type="text/css">
        .CodeMirror {
            height: 0px;
        }
    </style>
</head>

<body>
<div style="display: none">

                    <textarea id="code" name="code">
											var placeList = [
											    {name:'贵阳', geoCoord:[106.71, 26.57]},
											    {name:'六盘水', geoCoord:[104.82, 26.58]},
											    {name:'遵义', geoCoord:[106.9, 27.7]},
											    {name:'绥阳', geoCoord:[107.19, 27.95]},
											    {name:'毕节', geoCoord:[105.29, 27.32]},
											    {name:'黔西', geoCoord:[106.04, 27.03]},
											    {name:'铜仁', geoCoord:[109.21, 27.73]}
											]
											option = {
											    backgroundColor: '#1b1b1b',
											    color: [
											        'rgba(255, 255, 255, 0.8)',
											        'rgba(14, 241, 242, 0.8)',
											        'rgba(37, 140, 249, 0.8)'
											    ],
											    title : {
											        text: '',
											        subtext: '',
											        x:'center',
											        textStyle : {
											            color: '#fff'
											        }
											    },
											    legend: {
											        orient: 'vertical',
											        x:'left',
											        data:['强','中','弱'],
											        textStyle : {
											            color: '#fff'
											        }
											    },
											    series : [
											        {
											            name: '弱',
											            type: 'map',
											            mapType: '贵州',
											            itemStyle:{
											                normal:{
											                    borderColor:'rgba(100,149,237,1)',
											                    borderWidth:1.5,
											                    areaStyle:{
											                        color: '#1b1b1b'
											                    }
											                }
											            },
											            data : [],
											            markPoint : {
											                symbolSize: 2,
											                large: true,
											                effect : {
											                    show: true
											                },
											                data : (function(){
											                    var data = [];
											                    var len = placeList.length;
											                    while(len--) {
											                        data.push({
											                            name : placeList[len].name,
											                            value : 10,
											                            geoCoord : placeList[len].geoCoord
											                        })
											                    }
											                    return data;
											                })()
											            }
											        },
											        {
											            name: '中',
											            type: 'map',
											            mapType: '贵州',
											            data : [],
											            markPoint : {
											                symbolSize: 3,
											                large: true,
											                effect : {
											                    show: true
											                },
											                data : (function(){
											                    var data = [];
											                    var len = placeList.length;
											                    while(len--) {
											                        data.push({
											                            name : placeList[len].name,
											                            value : 50,
											                            geoCoord : placeList[len].geoCoord
											                        })
											                    }
											                    return data;
											                })()
											            }
											        },
											        {
											            name: '强',
											            type: 'map',
											            mapType: '贵州',
											            hoverable: false,
											            roam:true,
											            data : [],
											            markPoint : {
											                symbol : 'diamond',
											                symbolSize: 6,
											                large: true,
											                effect : {
											                    show: true
											                },
											                data : (function(){
											                    var data = [];
											                    var len = placeList.length;
											                    while(len--) {
											                        data.push({
											                            name : placeList[len].name,
											                            value : 90,
											                            geoCoord : placeList[len].geoCoord
											                        })
											                    }
											                    return data;
											                })()
											            }
											        }
											    ]
											};
                    </textarea>
</div><!--/.well -->
<div id="main" class="main" style="height: 640px;width:100%;"></div>
<div style="display: none">

    <span class="text-primary">切换主题</span>
    <select id="theme-select"></select>

    <span id='wrong-message' style="color:red"></span>
</div>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../asset/js/jquery.min.js"></script>
<script type="text/javascript" src="../asset/js/echartsHome.js"></script>
<script src="../asset/js/bootstrap.min.js"></script>
<script src="../asset/js/echartsExample.js"></script>
</body>
</html>
